<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="packaged/css/semantic.css">

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script src="packaged/javascript/semantic.js"></script>
<body>
<div class="ui secondary pointing menu">
  
  <a href  = "bandas.html" class="item">
    <img class="ui mini image" src="packaged/images/music_store.png" alt="P&aacute;gina principal" title= "P&aacute;gina principal">
  </a>
  <a href  = "bandas.html" class="item">
    <i class="users icon"></i> Bandas
  </a>
  <a href  = "discos.html" class="item">
      <img class="ui tiny image" align="left" src="packaged/images/acetato.png" alt="CDs/LPs" title= "CDs/LPs"></img>&nbsp; CDs/LPs 
  </a>
  
  <a href  = "tracks.html"class="item">
    <i class="music icon"></i> Tracks
  </a>
  <a href  = "clientes.html"class="active item">
    <i class="user icon"></i> Clientes
  </a>
  <a href  = "dependientes.html"class="item">
      <img class="ui tiny image" align="left" src="packaged/images/dependiente.png" alt="Dependientes" title= "Dependientes"></img>&nbsp; Dependientes
  </a>
  
  <a href  = "galeria.html"class="item">
      <img class="ui tiny image" align="left" src="packaged/images/gallery.png" alt="Galer&iacute;a" title= "Galer&iacute;a"></img>&nbsp; Galer&iacute;a
  </a>



  <div class="right menu">
    <div class="item">
      <form action="paginaResultado.html" method="get">
        <div class="ui icon input">
          <input placeholder="Buscar..." type="text">
          <i class="search link icon" type="submit"></i>
        </div>
      </form>
    </div>

    <div class="item">
      <div class="ui icon input">
        <a href="listaCompras.html" class="item" alt="Lista de &oacute;rdenes" title = "Lista de &oacute;rdenes" >
          <i class="browser icon"></i>
        </a>
      </div>
    </div>


    <div class="item">
      <div class="ui icon input">
        <a href="carroCompras.html" class="item">
          <i class="cart icon"></i> carrito
        </a>
      </div>
    </div>


    <a class="ui item">
      Salir
    </a>

    
  </div>
</div>


<div class="four wide column ui grid">
  <div class="three wide column">
    <div class="ui vertical menu">
      <div class="header item">
        <img class="ui tiny image" align="left" src="packaged/images/gender00.png" alt="G&eacute;neros" title= "G&eacute;neros"></img>&nbsp; G&eacute;neros
      </div>
      <div class="menu">
        <a class="item"> Jazz </a>
        <a class="item"> Pop </a>
        <a class="item"> Rock </a>
        <a class="item"> Metal </a>
        <a class="item"> Acad&eacute;mica </a>
        <a class="item"> Country </a>
        <a class="item"> Blues </a>
        <a class="item"> Alternativa </a>
        <a class="item"> R & B </a>
      </div>
    </div>
  </div>


  <div class="eight wide column">
    <div class="ui breadcrumb">
      <a class="section">Clientes</a>
      <div class="divider"> / </div>
      <a class="section"></a>
      <div class="divider"> / </div>
      <div class="active section"></div>
    </div>

    <h2 class="ui header">
      Clientes
    </h2>
    <div class="middle aligned row">
      <table class="ui inverted table segment">
       <thead>
          <tr>
            <th>Nombre</th>
            <th>N&uacute;mero de tel&eacute;fono</th>
            <th>Cumplea&ntilde;os</th>
            <th>Detalles</th>
          </tr>
        </thead>
        <tbody>
          <tr><td>Alesio Fl&oacute;rez    </td><td> 05185 90 95 08 </td><td>  8/18/1935   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Eawinda Bustos          </td><td> 07023 25 99 41 </td><td>  1/3/1934    <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Hans Armijo             </td><td> 07344 31 36 01 </td><td>  9/13/1986   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Natividad Molina        </td><td> 05060 38 72 96 </td><td>  10/8/1983   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Albretch Pulido         </td><td> 0211 15 55 28  </td><td>  7/19/1968   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Lorujama Villaseñor     </td><td> 0375 75 98 44  </td><td>  10/14/1966  <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Begoña Osorio           </td><td> 089 11 92 23   </td><td>  4/29/1959   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Polixena Zayas          </td><td> 04651 34 66 70 </td><td>  10/26/1931  <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Minotauro Romo          </td><td> 03504 45 21 19 </td><td>  3/23/1931   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Enriqueta Rocha         </td><td> 04154 14 41 78 </td><td>  6/30/1960   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Marino Alicea           </td><td> 036602 98 28   </td><td>  9/17/1956   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Graci&aacute;n Quintana </td><td> 0381 91 55 07  </td><td>  3/9/1963    <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Yanina Ju&aacute;rez    </td><td> 030 24 52 27   </td><td>  10/11/1929  <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Elisea Urr&uacute;tia   </td><td> 08039 32 25 88 </td><td>  4/21/1963   <td><a href="detalleCliente.html"> Detalles</a></td></tr>
          <tr><td>Donardo Jaime           </td><td> 03672 46 23 70 </td><td>  5/4/1955    <td><a href="detalleCliente.html"> Detalles</a></td></tr>
        </tbody>
        <tfoot>
          <tr align="center">
            <td colspan ="4">
              <div class="ui pagination menu">
                <a class="icon item">
                  <i class="left arrow icon"></i>
                </a>
                <a class="active item">
                  1
                </a>
                <div class="item">
                  2
                </div>
                <a class="item">
                  ...
                </a>
                <a class="item">
                  11
                </a>
                <a class="item">
                  12
                </a>
                <a class="icon item">
                  <i class="right arrow icon"></i>
                </a>
              </div>
            </td>
          </tr>
        </tfoot>
      </table>
      <a href = "agregarCliente.html">
        <div class="ui button">
          Agregar Cliente
        </div>
      </a>
    </div>
  </div>




  <div class="five wide column">
    <h2 class="ui header">
      CDs m&aacute;s vendidos
    </h2>
     <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/helloweenkeeperofthesevenkeys2.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>Helloween</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>Keeper of the Seven Keys Part II</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>1988</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>Power metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>54:33</td></tr>
        </tbody>
      </table>
    </div>
    <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/Iron_Maiden_-_The_Number_Of_The_Beast.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>Iron Maiden</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>The Number of the Beast</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>1988</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>Power metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>54:33</td></tr>
        </tbody>
      </table>
    </div>
    <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/Bathory_Bathory.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>Bathory</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>Bathory</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>1984</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>Black metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>26:52</td></tr>
        </tbody>
      </table>
    </div>


  </div>

</div>

</body>
</html>